在我的App中用到不少按鈕，今天來就來製作按鈕。

在React Native中製作按鈕有兩種常用的標籤，分別是<TouchableHighlight>以及<TouchableOpacity>，點擊按鈕後觸發的事件兩者皆由onPress來設定，而他們的差別主要在於點擊後會有不同的回饋。

• TouchableHighlight
  點擊後按鈕會改變顏色，可透過underlayColor參數設定改變的顏色。

<TouchableHighligh onPress={()=>{navigation.navigate('home');}} style={styles.gobutton}   underlayColor=”#A7050E”>
    <Text style={styles.goStyle}>Go</Text>
</TouchableHighlight>

• TouchableOpacity
  點擊後按鈕會改變透明度，可透過activeOpacity參數設定改變的透明度。

<TouchableOpacity onPress={()=>{navigation.navigate('home');}} style={styles.gobutton}  activeOpacity={0.6}>
    <Text style={styles.goStyle}>Go</Text>
</TouchableOpacity>

style參數可以設定按鈕初始的樣式顏色，underlayColor與activeOpacity參數則是設定點擊後按鈕會產生的回饋。此外，與標籤可夾入其他的標籤，如上方程式使用用來設定按鈕的文字，也可加入標籤來將圖片加入到按鈕中。（上方程式中onPress內navigation.navigate()為跳轉頁面用的程式，之後會有篇幅詳細介紹）

＊小提醒：TouchableHighligh與TouchableOpacity位於react-native.js中，要記得import喔～